<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<!-- <datalist> 标签定义选项列表。请与 input 元素配合使用该元素，
		来定义 input 可能的值。datalist 及其选项不会被显示出来，它仅仅是合法的输入值列表。
		请使用 input 元素的 list 属性来绑定 datalist。 <datalist> 标签是 HTML 5 中的新标签。-->
		<input list="cars" />
		<datalist id="cars">
			<option value="BMW">
			<option value="Ford">
			<option value="Volvo">
		</datalist>
		<!-- <optgroup> 标签定义选项组。此元素允许您组合选项。当您使用一个长的选项列表时，对相关的选项进行组合会使处理更加容易。 -->
		<select>
			<optgroup label="Swedish Cars">
				<option value="volvo">Volvo</option>
				<option value="saab">Saab</option>
			</optgroup>
			<optgroup label="German Cars">
				<option value="mercedes">Mercedes</option>
				<option value="audi">Audi</option>
			</optgroup>
		</select>
		<a href=”mailto:yangdechao@qq.com”>发送邮件</a>
	</body>
</html>
